<template>
  <div class="company-detail">
    <div class="header">
      <div class="left"></div>
      <div class="right">我的公司管理</div>
    </div>

    <div class="content">
      <div class="breadcrumb-head">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{ path: 'home/meCompanyManagement' }"
            >我的公司管理</el-breadcrumb-item
          >
          <el-breadcrumb-item><a href="home/meCompanyManagement">公司详情</a></el-breadcrumb-item>
        </el-breadcrumb>
      </div>

      <DetailCard></DetailCard>
      <!-- <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">我的公司管理</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">公司详情</a></el-breadcrumb-item>
      </el-breadcrumb> -->
    </div>
  </div>
</template>

<script>
import DetailCard from "./components/DetailCard.vue"
export default {
  components: {
    DetailCard
  },
  data() {
    return {};
  },
  methods: {},
  created() {},
};
</script>
<style lang="scss" scoped>
.company-detail {
  width: 95%;
  margin: 0 auto;
  height: calc(100vh - 100px);
  // background-color: pink;
  .header {
    display: flex;
    .left {
      background-color: #442a8d;
      width: 5px;
      height: 20px;
      margin-right: 5px;
    }
    .right {
      font-weight: 650;
      color: #666666;
      font-size: 16px;
    }
  }

  .content {
    background-color: #ffffff;
    height: 95%;
    border-radius: 5px;
    // background-color: pink;
    // box-shadow: 0px 0px 1px rgba(0,0,0,0.1),0px 0px 3px rgba(0,0,0,0.1) inset;

    .breadcrumb-head {
      height: 60px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgba(242, 242, 242, 1);
    }
  }
}
</style>
